<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 
		minimum-scale=1.0, maximum-scale=1.0"/>
		<meta charset="UTF-8">
		<title></title>
		<link href="../public/css/style.css" rel="stylesheet">
		<link href="../public/css/common.css" rel="stylesheet">
		<script type="text/javascript" src="../public/js/jquery.js" ></script>
		<script type="text/javascript" src="../public/js/product.js" ></script>
	</head>
	<body class="layout_body">
		<div class="layout_content">
			<header class="demo-header">
			    <form action="/product" method="get" class="am-form flt">
			        <div class="am-form-group" style="width: 100%">
			            <input type="text" class="am-form-field am-radius" name="key" placeholder="搜索" style="border: 0px">
			        </div>
			    </form>
			    <div class="header-message flt"><img src="../public/img/message.png" class=""/></div>
			</header>
			<div class="shaixuan">
				<div class="four1 four" onclick="sortToptab('composite',this)">综合</div>
				<div class="four2 four Cgray" onclick="sortToptab('sales',this)">销量<img src="../public/img/paixu_moren.png" class="img-sub oimg" id="test1"/></div>
				<div class="four3 four Cgray" onclick="sortToptab('price',this)">价格<img src="../public/img/paixu_moren.png" class="img-sub oimg"/></div>
				<div class="four4 four Cgray" onclick="ShowDiv2('guige','fade')">筛选<img src="../public/img/shaixuan_moren.png" class="img-sub"/></div>
			</div>
			<div class="sort-left graybg">
				<div>
					<div>特价促</div>
				</div>
				<div>
					<div>水果</div>
					<div class="sort-left-erji Cgray select-font disn white2bg" style="padding: 0;">
						<div class="border3 padding-adjust5 border-short div-center">进口水果</div>
						<div class="padding-adjust5 div-center">有机水果</div>
				    </div>
				</div>
				<div><div>蔬菜</div></div>
				<div><div>蔬菜</div></div>
			</div>
			<div class="flt border2" style="width: 77%;padding: 6px 0;" id="product1">
				<div class="page-product2-img text-center" style="width: 30%;">
					<img src="../public/img/paper.png">
				</div>
				<div class="page-product-right" style="line-height: 22px;">
					<div class="page-product1-font1">农家菠菜农家菠菜</div>
					<div class="fontsize fontC">2kg/斤</div>
					<div class="price">￥12.8/g</div>
				</div>
				<div class="flt sort-cart">
					<img src="../public/img/addcart_normal.png"/>
				</div>
		    </div>
		    <div class="flt border2" style="width: 77%;padding: 6px 0;" id="product2">
				<div class="page-product2-img text-center" style="width: 30%;">
					<img src="../public/img/paper.png">
				</div>
				<div class="page-product-right" style="line-height: 22px;">
					<div class="page-product1-font1">农家菠菜农家菠菜</div>
					<div class="fontsize fontC">2kg/斤</div>
					<div class="price">￥12.8/g</div>
				</div>
		   </div>
		    <div class="flt border2" style="width: 77%;padding: 6px 0;" id="product4">
				<div class="page-product2-img text-center" style="width: 30%;">
					<img src="../public/img/paper.png">
				</div>
				<div class="page-product-right" style="line-height: 22px;">
					<div class="page-product1-font1">农家菠菜农家菠菜</div>
					<div class="fontsize fontC">2kg/斤</div>
					<div class="price">￥12.8/g</div>
				</div>
				<div class="flt sort-cart">
					<img src="../public/img/addcart_normal.png"/>
				</div>
		    </div>
		    <div class="flt border2" style="width: 77%;padding: 6px 0;" id="product5">
				<div class="page-product2-img text-center" style="width: 30%;">
					<img src="../public/img/paper.png">
				</div>
				<div class="page-product-right" style="line-height: 22px;">
					<div class="page-product1-font1">农家菠菜农家菠菜</div>
					<div class="fontsize fontC">2kg/斤</div>
					<div class="price">￥12.8/g</div>
				</div>
				<div class="flt sort-cart">
					<img src="../public/img/addcart_normal.png"/>
				</div>
		    </div>
		    <form>
			    <div class="menu-xiala" id="guige" style="width: 80%;display: block;">
					<div class="select-font padding-adjust4">筛选<img src="../public/img/shaixuan_dianji.png" class="img-sub"/></div>
					<div class="sort-input"><div>新品上架</div><div>热卖促销</div></div>
					<div class="select-font padding-adjust4">价格区间</div>
					<div class="sort-input noclick">
						<div style="color: #AFAFAF;"><input placeholder="最低价" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" class="sort-form-input"/></div>
						<div class="heng flt" style="padding-right: 4%;padding-top: 8px;">-</div>
						<div style="color: #AFAFAF;"><input placeholder="最高价" onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')" class="sort-form-input"/></div></div>
					<div class="select-font padding-adjust4">品牌</div>
					<div class="sort-input"><div>王老吉</div><div>易果生鲜</div><div>五粮液</div></div>
					<div class="select-font padding-adjust4">产地</div>
					<div class="sort-input" id="sort-input">
						<div>中国大陆</div>
						<div>美国</div>
						<div>西班牙</div>
						<div>法国</div>
						<div>德国</div>
						<div>英国</div>
					</div>
					<div class="select-font padding-adjust4">省份</div>
					<div class="sort-input">
						<div>海南省</div>
						<div>广东省</div>
						<div>江苏省</div>
						<div>山东省</div>
						<div>浙江省</div>
						<div>福建省</div>
						<div>湖南省</div>
						<div>上海</div>
						<div>天津</div>
						<div>北京</div>
						<div>湖北省</div>
				    </div>
				    <div class="sort-bottom">
				    	<div class="flt" onclick="reset()"><input type="reset" class="sort-form-input" style="font-size: 0.95em;"/></div>
	                    <div class="flt orangbg">确定</div>
				    </div>
	                
			    </div>
		    </form>
		    <div id="fade" class="black_overlay" onclick="CloseDiv2('guige','fade')"></div>
		    <footer id="my-modal-searchloading">
			    <div class="dibu-botton dibu-top-status3 dis cur" id="dibu-botton">
					<a href="index.html">
						<div class="first-three flt" id="tohome">
							<img src="../public/img/shouye_moren.png" />
							<p>首页</p>
					    </div>
					</a>
					<a href="sort.html">
						<div class="first-three flt" id="yitel">
							<img src="../public/img/fenlei_moren.png"/>
							<p>分类</p>     
						</div>
					</a>
					<a href="cart.html">
						<div class="first-three flt" id="dibuzixun" style="position: relative;">
							<img src="../public/img/gouwu_moren.png"/>
							<p>购物车</p>
							<div class="cart-number">2</div>
						</div>
					</a>
					<a href="my.html">
						<div class="first-three flt" id="my">
							<img src="../public/img/wode_moren.png" />
							<p>我的</p>
							
						</div>
					</a>
				</div>
			</footer>
		</div>
		
	</body>
</html>
